<template>
	<view class="fistView">
		<view class="headView"></view>
		<view class="cardView">
			<uni-card class="infoView" :is-shadow="false">
				<view class="wufuView">服务评价</view>
				<view class="rightView">
					<image src="../../../static/images/头像.jpg" mode=""></image>
					<view class="starView">
						<view>车百事汽车生活馆</view>
						<view>
							<uni-rate v-model="starts" @change="onChange" />
						</view>
					</view>
				</view>
			</uni-card>
		</view>


		<view class="cardView">
			<uni-card class="infoView" :is-shadow="false">
				<view class="pingyuView">
					<view>评语</view>
					<view>(0-299字)</view>
				</view>
				<view class="textView">
					<uni-easyinput type="textarea" v-model="text" placeholder="请留下您宝贵的意见和建议…"></uni-easyinput>
				</view>
			</uni-card>
		</view>


		<view class="cardView">
			<uni-card class="infoView" :is-shadow="false">
				<view class="pingyuView">
					<view>照片</view>
					<view>选填</view>
				</view>
				<view class="imageView">
					<uni-file-picker limit="9" title=""></uni-file-picker>

				</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				starts: 0,
				text: null
			}
		},
		methods: {
			onChange(e) {
				console.log("haha")
			}
		}
	}
</script>

<style>
	.headView {
		height: 300rpx;
		background-color: #ff7500;
	}

	.cardView .infoView {
		border-radius: 30rpx;
	}

	.cardView .infoView .wufuView {
		font-size: 35rpx;
		color: black;
		/* background-color: rebeccapurple; */
		padding: 20rpx 0;
		border-bottom: 6rpx #efefef solid;
	}



	.cardView .infoView .rightView {
		display: flex;
		justify-content: start;
		align-items: center;
		/* background-color: rebeccapurple; */
		margin: 30rpx 0;
	}

	.cardView .infoView .rightView image {
		width: 300rpx;
		height: 200rpx;
		margin-right: 20rpx;
	}

	.cardView .infoView .pingyuView {
		display: flex;
		height: 70rpx;
		align-items: center;

	}

	.cardView .infoView .pingyuView view:first-child {
		color: black;
		font-size: 40rpx;
		margin-right: 10rpx;
	}

	.cardView .infoView .pingyuView view:nth-child(2) {
		color: black;
		font-size: 26rpx;
	}

	.cardView .infoView .textView {
		margin: 20rpx 0;
	}
</style>